<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行变色</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
           $("p:odd").css("background","red");
           $("p:even").css("background","green");
        });
    </script>
</head>
<body>
<!--
    奇数行背景色为红色
    偶数行背景色为绿色
-->
<p>第0个段落</p>
<p>第1个段落</p>
<p>第2个段落</p>
<p>第3个段落</p>
<p>第4个段落</p>
<p>第5个段落</p>
<p>第6个段落</p>
<p>第7个段落</p>
<p>第8个段落</p>
<p>第9个段落</p>
<p>第10个段落</p>
<p>第11个段落</p>
<p>第12个段落</p>
<p>第13个段落</p>
<p>第14个段落</p>
<p>第15个段落</p>
<p>第16个段落</p>
<p>第17个段落</p>
<p>第18个段落</p>
<p>第19个段落</p>
<p>第20个段落</p>
</body>
</html>